/*颜色*/
@white-color: #fff;

@text-color1: #303133;
@text-color2: #1A1A1A;
@text-color3: #606266;
@text-color4: #A6ABB3;
@text-color5: #DCDFE6;
@text-color6: #F5F7FA;

@blue: var(--textColor);
@orange: #FC724C;
@yellow: #F7A14A;
@Soilgold: #937C5C;
@green: #6DB12E;
@color:#000;



/*数字*/
@percent: 100%;
@zero: 0;


/*文字溢出隐藏*/
.yiman(@hang) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @hang;
    -webkit-box-orient: vertical;
}

/*固定布局*/
.flexs() {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* grid是（布局 */
.grids(@can1: auto, @can2: auto, @can3: auto, @can4: auto) {
    display: grid;
    grid-template-columns: @arguments;
}

/*宽高*/
.kuangao(@width, @height) {
    width: @width;
    height: @height;
}

/* 字体大小*/
.fontsize(@size) {
    font-size: @size;
}

/* 行高 */
.lineheight(@lineheight) {
    line-height: @lineheight;
}

/* 圆角 */
.borderradius(@borderTop, @borderLeft, @borderBtom, @borderRight) {
    border-radius: @arguments;
}

/* 外边距 */
.margins(@marginTop, @marginLeft, @marginBtom, @marginRight) {
    margin: @arguments;
}

/* 内边距 */
.paddings(@paddingTop, @paddingLeft, @paddingBtom, @paddingRight) {
    padding: @arguments;
}

/* 实边框 */
.borders(@number, @color) {
    border: @number solid @color;
}

/* 虚边框 */
.daborders(@number, @color) {
    border: @number dashed @color;
}

/* 定位  */
.position(@attr, @tops: auto, @rights: auto, @botm: auto, @lefts: auto) {
    position: @attr;
    top: @tops;
    right: @rights;
    bottom: @botm;
    left: @lefts;
}

.kuan(@width: 100%) {
    width: @width;
}

.gao(@height: 100%) {
    height: @height;
}

.cursor() {
    cursor: pointer;
}

.textalign() {
    text-align: center;
}

// 设置箭头
.setArrows(@color: #909399, @size, @direction, @borderSize: 1px) when (@direction = right) {
    .arrows(@color,@size, @borderSize);
    transform: rotate(45deg);
}
.setArrows(@color: #909399, @size, @direction, @borderSize: 1px) when (@direction = down) {
    .arrows(@color,@size, @borderSize);
    transform: rotate(135deg);
}
.setArrows(@color: #909399, @size, @direction, @borderSize: 1px) when (@direction = left) {
    .arrows(@color,@size, @borderSize);
    transform: rotate(-135deg);
}
.setArrows(@color: #909399, @size, @direction, @borderSize: 1px) when (@direction = up) {
    .arrows(@color,@size, @borderSize);
    transform: rotate(-45deg);
}
 
// 生成箭头
.arrows(@color: #909399, @size, @borderSize) {
    width: @size;
    height: @size;
    border-top: @borderSize solid @color;
    border-right: @borderSize solid @color;
	display: block;
}
// 右箭头
.arrows_r(@color: #909399, @size) {
    width: @size;
    height: @size;
    border-top: 1px solid @color;
    border-right: 1px solid @color;
    transform: rotate(45deg);
}

// 错误符号
.error(@width:20px,@height:2px,@color:#606266){ 
	display: inline-block; 
	width: @width;
	height:@height; 
	background: @color;
	line-height: 0;
	font-size:0;
	vertical-align: middle;
	-webkit-transform: rotate(45deg);
	&::after{
		content:'/';display:block;
		width: @width;
		height:@height;
		 background: @color;
		 -webkit-transform: rotate(-90deg);
	}
}

/* 数组  */
.record-in {
    @testlist: #909399,
    var(--textColor),
    #F7A14A,
    #72C23D,
    #606266;

    each(@testlist, {
            .aaa@{index} {
                color: @value;
            }
        }

    )
}

.u-switch{
	background-color: var(--btnColor) !important;
}

.uni-button-color {
    color: var(--textColor) !important;
}